<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>英雄联盟全新官方网站-腾讯游戏</title>
    <link rel="shortcut icon" type="image/x-icon" href="./public/assets/images/favicon.ico">
    <link rel="stylesheet" href="./public/assets/css/normalize.css">
    <!-- Bootstrap -->
    <link href="./public/assets/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="./public/assets/css/main.css">
    <link rel="stylesheet" href="./public/assets/css/index.css">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <header class="container-fluid">
        <div class="container clearfix">
            <div class="top_left pull-left">
                <div class="logo"></div>
            </div>
            <nav class="pull-left">
                <ul id="top_nav" class="nav navbar-nav">
                    <li><a href="javascript:;">游戏资料<span>GAME INFO</span></a></li>
                    <li><a href="javascript:;">商城/合作<span>STORE</span></a></li>
                    <li><a href="javascript:;">用户互动<span>COMMUNITY</span></a></li>
                    <li><a href="javascript:;">赛事中心<span>EVENTS</span></a></li>
                    <li><a href="javascript:;">自助系统<span>SYSTEM</span></a></li>
                </ul>
            </nav>
            <div class="top_middle pull-left">
                <a href="javascript:;">
                    <i></i>
                </a><a href="javascript:;">
                    <i></i>
                </a>
            </div>
            <div class="top_right pull-right">
                <div class="t_r_left pull-left">
                    <div class="t_r_l_middle text-center">
                    </div>
                    <img src="./public/assets/images/default.png">
                </div>
                <div class="t_r_right pull-right">
                    <p>亲爱的召唤师，欢迎<a>登录</a></p>
                    <p>登录后查看自己的战绩、资产、声望值等</p>
                </div>
                <div class="drop">
                    <p>登录并且绑定大区后才可查看您的具体信息哦~（包括战绩、资产、声望值等）</p>
                    <p>官网个人信息显示略有延迟，请以游戏内数据为准</p>
                    <div class="drop_bottom">
                        进入个人中心
                    </div>
                </div>
            </div>
        </div>
        <div class="droplist clearfix">
            <div class="container">
                <ul class="pull-left">
                    <li><a href="javascript:;">新手指引</a></li>
                    <li><a href="javascript:;"><i class="icon-hot"></i>&nbsp;资料库</a></li>
                    <li><a href="javascript:;">攻略中心</a></li>
                    <li><a href="javascript:;"><i class="icon-new"></i>&nbsp;开发者基地</a></li>
                    <li><a href="javascript:;">海克斯战利品库</a></li>
                    <li><a href="javascript:;">屏保下载</a></li>
                    <li><a href="javascript:;">宇宙官网</a></li>
                </ul>
                <ul class="pull-left">
                    <li><a href="javascript:;">点券充值</a></li>
                    <li><a href="javascript:;">道聚城</a></li>
                    <li><a href="javascript:;"><i class="icon-hot"></i>&nbsp;周边商城</a></li>
                    <li><a href="javascript:;">LOL桌游</a></li>
                    <li><a href="javascript:;">LOL信用卡</a></li>
                    <li><a href="javascript:;">网吧特权</a></li>
                </ul>
                <ul class="pull-left">
                    <li><a href="javascript:;">在线客服</a></li>
                    <li><a href="javascript:;">视频中心</a></li>
                    <li><a href="javascript:;">官方论坛</a></li>
                    <li><a href="javascript:;">官方微信</a></li>
                    <li><a href="javascript:;">官方微博</a></li>
                    <li><a href="javascript:;"><i class="icon-new"></i>&nbsp;玩家创作馆</a></li>
                </ul>
                <ul class="pull-left">
                    <li><a href="javascript:;"><i class="icon-hot"></i>&nbsp;季中冠军赛</a></li>
                    <li><a href="javascript:;"><i class="icon-new"></i>&nbsp;LPL职业联赛</a></li>
                    <li><a href="javascript:;">LDL发展联赛</a></li>
                    <li><a href="javascript:;">德玛西亚杯</a></li>
                    <li><a href="javascript:;">全球总决赛</a></li>
                    <li><a href="javascript:;">高校联赛</a></li>
                    <li><a href="javascript:;">高校自发赛</a></li>
                    
                </ul>
                <ul class="pull-left">
                    <li><a href="javascript:;"><i class="icon-new"></i>&nbsp;转区系统</a></li>
                    <li><a href="javascript:;"><i class="icon-hot"></i>&nbsp;封号查询</a></li>
                    <li><a href="javascript:;">体验服申请</a></li>
                    <li><a href="javascript:;">回放系统</a></li>
                    <li><a href="javascript:;">服务器状态查询</a></li>
                    <li><a href="javascript:;"><i class="icon-new"></i>&nbsp;秩序殿堂</a></li>
                    <li><a href="javascript:;"><i class="icon-new"></i>&nbsp;峡谷之巅</a></li>
                </ul>
            </div>
        </div>
    </header>
    <div class="container-fluid content">
        <div class="container">
            <h2>海潮汹涌</h2>
            <p>比尔吉沃特事件全面来袭</p>
            <a href="javascript:;">查看详情</a>
            <div class="c_bottom pull-right">
                当前游戏版本：
                <em>Ver 8.11</em>
                <span>版本详情</span>
            </div>
        </div>
        <video class="back_video" autoplay loop>
            <source src="./public/assets/images/back-v23.webm">
            <source src="./public/assets/images/back-v23.mp4">
        </video>
    </div>
    <div class="zhzx container-fluid">
        <div class="container ">
            <ul id="zhzx_ul" class="nav navbar-nav ">
                <li>综合资讯</li>
                <li>视频中心</li>
                <li>赛事中心</li>
                <li>活动中心</li>
            </ul>
        </div>
    </div>
    <div class="content-inner container-fluid">
        <div class="lunbotu container-fluid">
            <div class="container clearfix">
                <div class="lunbotu_left pull-left">
                    <div class="lunbotu_img">
                        <img src="./public/assets/images/1.jpg">
                    </div>
                    <ul id="lunbotu_ul" class="nav navbar-nav">
                        <li>深渊宝藏</li>
                        <li>比尔吉沃特黑潮</li>
                        <li>Uzi和厂长今日首发</li>
                        <li>高校狂欢周</li>
                        <li>每周五折英雄皮肤</li>
                    </ul>
                </div>
                <div class="lunbotu_right pull-right">
                    <video class="down" autoplay loop>
                        <source src="./public/assets/images/down.mp4">
                    </video>
                    <ul class="clearfix">
                        <li>
                            <i class="icon-guide"></i>
                            <span>新手推荐</span>
                        </li>
                        <li>
                            <i class="icon-yz"></i>
                            <i class="icon-hot"></i>
                            <span>宇宙官网</span>
                        </li>
                        <li>
                            <i class="icon-mall"></i>
                            <i class="icon-hot"></i>
                            <span>周边商城</span>
                        </li>
                        <li>
                            <i class="icon-icon"></i>
                            <span>新客户端</span>
                        </li>
                        <li>
                            <i class="icon-cjf"></i>
                            <span>峡谷之巅</span>
                        </li>
                        <li>
                            <i class="icon-tr"></i>
                            <i class="icon-new"></i>
                            <span>玩家创作馆</span>
                        </li>
                        <li>
                            <i class="icon-rgm"></i>
                            <i class="icon-hot"></i>
                            <span>轮换模式</span>
                        </li>
                        <li>
                            <i class="icon-info"></i>
                            <span>游戏资料</span>
                        </li>
                        <li>
                            <i class="icon-reward"></i>
                            <span>领取中心</span>
                        </li>
                        <li>
                            <i class="icon-weibo"></i>
                            <span>官方微博</span>
                        </li>
                        <li>
                            <i class="icon-bbs"></i>
                            <span>玩家论坛</span>
                        </li>
                        <li>
                            <i class="icon-kefu"></i>
                            <span>在线客服</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="zxzx container-fluid">
            <div class="container clearfix">
                <div class="zxzx_left pull-left">
                    <div class="zxzx_left_top clearfix">
                        <h3 class="pull-left">最新资讯</h3>
                        <ul id="zxzx_ul" class="pull-right">
                            <li>综合新闻</li>
                            <li>官方公告</li>
                            <li>赛事新闻</li>
                            <li>论坛资讯</li>
                        </ul>
                    </div>
                    <div class="zxzx_left_img clearfix">
                        <div class="zxzx_left_img_img pull-left">
                            <img src="./public/assets/images/pic-news2.jpg">
                        </div>
                        <div class="zxzx_left_img_title pull-right">
                            RNG主场迎来首秀 SS首次征战西安
                        </div>
                    </div>
                    <div class="zxzx_left_content">
                        <ul>
                            <li>
                                <div class="zxzx_left_content_left pull-left">新闻</div>
                                <div class="zxzx_left_content_right pull-right">06/16</div>
                                <div class="zxzx_left_content_middle pull-right">高校总决赛首日 云南经管玩出Uzi式VN</div>
                            </li>
                            <li>
                                <div class="zxzx_left_content_left pull-left">新闻</div>
                                <div class="zxzx_left_content_right pull-right">06/15</div>
                                <div class="zxzx_left_content_middle pull-right">/开发者：2019年排位的反馈</div>
                            </li>
                            <li>
                                <div class="zxzx_left_content_left pull-left">新闻</div>
                                <div class="zxzx_left_content_right pull-right">06/15</div>
                                <div class="zxzx_left_content_middle pull-right">教你一招：季中AD改版 教你玩懂新版射手/div>
                            </li>
                            <li>
                                <div class="zxzx_left_content_left pull-left">新闻</div>
                                <div class="zxzx_left_content_right pull-right">06/15</div>
                                <div class="zxzx_left_content_middle pull-right">比尔吉沃特同人痛车大赛 作品欣赏</div>
                            </li>
                            <li>
                                <div class="zxzx_left_content_left pull-left">新闻</div>
                                <div class="zxzx_left_content_right pull-right">06/15</div>
                                <div class="zxzx_left_content_middle pull-right">年中回馈 周边商城礼盒福袋开售</div>
                            </li>
                            <li>
                                <div class="zxzx_left_content_left pull-left">新闻</div>
                                <div class="zxzx_left_content_right pull-right">06/15</div>
                                <div class="zxzx_left_content_middle pull-right">2018《英雄联盟》亚洲对抗赛售票即将开启</div>
                            </li>
                            <li>
                                <div class="zxzx_left_content_left pull-left">新闻</div>
                                <div class="zxzx_left_content_right pull-right">06/15</div>
                                <div class="zxzx_left_content_middle pull-right">无状态首发！FPX做客重庆战Snake</div>
                            </li>
                            <li>
                                <div class="zxzx_left_content_left pull-left">新闻</div>
                                <div class="zxzx_left_content_right pull-right">06/14</div>
                                <div class="zxzx_left_content_middle pull-right">2018季中冠军赛数据浅析</div>
                            </li>
                            <li>
                                <div class="zxzx_left_content_left pull-left">新闻</div>
                                <div class="zxzx_left_content_right pull-right">06/14</div>
                                <div class="zxzx_left_content_middle pull-right">城邦对决COSPLAY对抗大赛获奖名单公布</div>
                            </li>
                            <li>
                                <div class="zxzx_left_content_left pull-left">新闻</div>
                                <div class="zxzx_left_content_right pull-right">06/14</div>
                                <div class="zxzx_left_content_middle pull-right">绿茵激战限时活动上线</div>
                            </li>
                        </ul>
                    </div>
                    <div class="zxzx_left_bottom">
                        <span>阅读更多</span><i>最新资讯</i>
                    </div>
                </div>
                <div class="zxzx_right pull-right">
                    <div class="zxzx_right_top clearfix">
                        <div class="container">
                            <div id="zxzx_div" class="row">
                                <div class="col-md-4">最新皮肤</div>
                                <div class="col-md-4">最新英雄</div>
                                <div class="col-md-4">周免英雄</div>
                            </div>
                        </div>
                    </div>
                    <div class="zxzx_right_content">
                        <div class="zxzx_right_content_top">
                            <img src="./public/assets/images/0.jpeg">
                        </div>
                        <ul>
                            <li>
                                <img src="./public/assets/images/0 (1).jpeg" alt=""><img src="./public/assets/images/0 (2).jpeg" alt="">
                            </li>
                            <li>
                                <img src="./public/assets/images/0 (3).jpeg" alt=""><img src="./public/assets/images/0 (4).jpeg" alt="">
                            </li>
                            <li>
                                <img src="./public/assets/images/0 (5).jpeg" alt=""><img src="./public/assets/images/0 (6).jpeg" alt="">                            
                            </li>
                        </ul>
                        <div class="zxzx_right_content_bottom">
                            <img src="./public/assets/images/pic-go-qt.jpg" alt=""><img src="./public/assets/images/pic-go-mall.jpg" alt="">
                        </div>
                    </div>
                    <div class="zxzx_right_bottom clearfix">
                        <div class="zxzx_right_bottom_left pull-left"></div>
                        <div class="zxzx_right_bottom_right pull-right">
                            <h5>本游戏适合18岁（含）以上玩家娱乐</h5>
                            <p>抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="zxtj container-fluid">
            <div class="container">
                <div class="zxtj_top clearfix">
                    <h3 class="pull-left">最新推荐</h3>
                    <ul id="zxtj_ul">
                        <li>视频推荐</li>
                        <li>活动推荐</li>
                    </ul>
                </div>
                <div class="zxtj_middle">
                    <ul class="clearfix">
                        <li>
                            <div class="zxtj_middle_img">
                                <img src="./public/assets/images/0 (7).jpeg" alt="">
                                <i>04:58</i>
                                <span></span>
                            </div>
                            <h5>乔巴路人王 盲僧李青黄金右脚世界杯有望了</h5>
                        </li>
                        <li>
                            <div class="zxtj_middle_img">
                                <img src="./public/assets/images/0 (8).jpeg" alt="">
                                <i>04:58</i>
                                <span></span>
                            </div>
                            <h5>主播真会玩137：RAP鬼才周淑怡 一秒弟弟小青蛙！</h5>
                        </li>
                        <li>
                            <div class="zxtj_middle_img">
                                <img src="./public/assets/images/0 (9).jpeg" alt="">
                                <i>04:58</i>
                                <span></span>
                            </div>
                            <h5>联盟黑科技：新版剑魔E技能穿墙 又一抢龙神技！</h5>
                        </li>
                        <li>
                            <div class="zxtj_middle_img">
                                <img src="./public/assets/images/0 (10).jpeg" alt="">
                                <i>04:58</i>
                                <span></span>
                            </div>
                            <h5>强者联盟：超帅盲僧几何闪现R 态玖神僧</h5>
                        </li>
                        <li>
                            <div class="zxtj_middle_img">
                                <img src="./public/assets/images/0 (11).jpeg" alt="">
                                <i>04:58</i>
                                <span></span>
                            </div>
                            <h5>巅峰top5：Smlz开启个人秀场 滑步输出轻取三杀</h5>
                        </li>
                        <li>
                            <div class="zxtj_middle_img">
                                <img src="./public/assets/images/0 (12).jpeg" alt="">
                                <i>04:58</i>
                                <span></span>
                            </div>
                            <h5>每日撸报6.16：猴哥经典的被偷家三连</h5>
                        </li>
                    </ul>
                    <div class="zxtj_bottom">
                        <span>浏览更多</span><i>视频内容</i>
                    </div>
                </div> 
            </div>
        </div>
    </div>
    <footer class="container-fluid">
        <div class="container clearfix">
            <div class="footer_left pull-left">
                <div class="foot_ieg_logo pull-left"></div>
                <div class="foot_logo-riot pull-left"></div>
            </div>
            <div class="footer_right pull-right">
                <ul>
                    <li>
                        <a href="javascript:;">腾讯互动娱乐</a>
                        <span class="f_line">|</span>
                        <a href="javascript:;">服务条款</a>
                        <span class="f_line">|</span>
                        <a href="javascript:;">隐私政策</a>
                        <span class="f_line">|</span>
                        <a href="javascript:;">腾讯游戏招聘</a>
                        <span class="f_line">|</span>
                        <a href="javascript:;">腾讯游戏客服</a>
                        <span class="f_line">|</span>
                        <a href="javascript:;">游戏地图</a>
                        <span class="f_line">|</span>
                        <a href="javascript:;">商务合作</a>
                        <span class="f_line">|</span>
                        <a href="javascript:;">腾讯网</a>
                        <span class="f_line">|</span>
                        <a href="javascript:;">网站导航</a>
                    </li>
                    <li>
                        <a href="javascript:;">腾讯公司版权所有</a>
                    </li>
                    <li>
                        <span>COPYRIGHT © 1998 - 2018 TENCENT. ALL RIGHTS RESERVED.</span>
                    </li>
                    <li>
                        <span>COPYRIGHT © 2012 Riot Games,Inc. ALL RIGHTS RESERVED.</span>
                    </li>
                    <li>
                        <span>本网络游戏适合18+岁的用户使用；为了您的健康，请合理控制游戏时间。</span>
                    </li>
                    <li>
                        <a href="javascript:;">粤网文[2017]6138-1456号</a>
                        <span class="f_line">|</span>
                        <a href="javascript:;">新出网证（粤）字010号</a>
                    </li>
                    <li>
                        <span>批准文号：新出审字[2011]310号</span> 
                        <span class="f_line">|</span>
                        <span>文网进字[2011] 004号 </span>
                        <span class="f_line">|</span>
                        <span>出版物号：ISBN 978-7-89989-145-2</span>
                        <span class="f_line">|</span>
                        <span>全国文化市场统一举报电话：12318</span> 
                    </li>
                </ul>
            </div>
        </div>
    </footer>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="./public/assets/js/bootstrap.js"></script>
    <script src="./public/assets/js/index.js"></script>
  </body>
</html>